<template>
  <div class="mydate">
    <!-- 标题 -->
    <h3 class="iconfont">&#xe996; 人生倒计时</h3>
    <ul class="dateBox">
      <li>
        <span>xxx已过去</span>
        <el-progress
          :text-inside="true"
          :stroke-width="26"
          :percentage="90"
        ></el-progress>
      </li>
      <li>
        <span>xxx已过去</span>
        <el-progress
          color="pink"
          :text-inside="true"
          :stroke-width="26"
          :percentage="30"
        ></el-progress>
      </li>
      <li>
        <span>xxx已过去</span>
        <el-progress
          color="skyblue"
          :text-inside="true"
          :stroke-width="26"
          :percentage="65"
        ></el-progress>
      </li>
      <li>
        <span>xxx已过去</span>
        <el-progress
          color="salmon"
          :text-inside="true"
          :stroke-width="26"
          :percentage="24"
        ></el-progress>
      </li>
    </ul>
  </div>
</template>

<script>
  export default {
    name: 'Mydate',
  };
</script>

<style lang="less" scoped>
  @import url('../../state/css/register/mydate.less');
</style>
